<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">

<body>
	<wicket:panel>
		
		<form class="form-horizontal" wicket:id="form">
			<div wicket:id="updateGradeFeedback"></div>

			<div class="form-group">
				
				<div class="help-block">
					<p><wicket:message key="label.updateungradeditems.instructions.1" /></p>
					<p><wicket:message key="label.updateungradeditems.instructions.2" /></p>
				</div>

				<div class="form-group form-group-sm">
					<label wicket:for="group" class="col-xs-4 control-label">
						<wicket:message key="label.updateungradeditems.groups" />
					</label>
					<div class="col-xs-5">
						<select wicket:id="group" class="gb-update-ungraded-group">
							<option value="1">Section 1</option>
						</select>
					</div>
				</div>

				<div class="form-group form-group-sm">
					<label wicket:for="grade" class="col-xs-4 control-label">
						<wicket:message key="label.updateungradeditems.grade" />
					</label>
					<div class="col-xs-4">
						<div class="input-group">
							<input wicket:id="grade" type="text" class="form-control gb-update-ungraded-value" placeholder="100" />
							<span class="input-group-addon"><small><wicket:container wicket:id="points"/></small></span>
						</div>
					</div>
				</div>

				<div class="col-xs-offset-4 col-xs-5 act">
					<button class="button_color gb-update-ungraded-fake-submit active"><wicket:message key="button.done" /></button>
					<input type="submit" class="d-none gb-update-ungraded-real-submit active" wicket:id="submit" wicket:message="value:button.update" />
					<button class="btn-link" wicket:id="cancel"><wicket:message key="button.cancel"/></button>
				</div>
				
			</div>

			<input wicket:id="gradePoints" type="hidden" id="gradePoints"/>
		</form>

		<script type="text/javascript" src="/library/js/spinner.js"></script>
		<script id="updateUngradedConfirmationModalTemplate" type="text/template">
			<div class="modal gb-update-ungraded-confirmation">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h5 class="modal-title"><wicket:message key="label.updateungradeditems.confirmation.title" /></h5>
							<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
						</div>
						<div class="modal-body">
							<p><wicket:container wicket:id="confirmationMessage"/></p>
							{if isExtraCredit}
								<p><wicket:message key="label.updateungradeditems.confirmation.extracredit" /></p>
							{/if}
						</div>
						<div class="modal-footer act">
							<button type="button" class="button_color gb-update-ungraded-continue active" data-dismiss="modal" onclick="SPNR.disableElementAndSpin('', this, true);">
								<wicket:message key="label.updateungradeditems.confirmation.continue" />
							</button>
							<button type="button" class="btn-link gb-update-ungraded-cancel" data-bs-dismiss="modal"><wicket:message key="label.updateungradeditems.confirmation.cancel" /></button>
						</div>
					</div>
				</div>
			</div>
		</script>
	</wicket:panel>
</body>
</html>
